*{padding:0;margin:0;}
@font-face 
{
	font-family: 'WebSymbolsRegular';
	src:url('Simple-Line-Icons.woff');
	src:url('Simple-Line-Icons.woff') format('woff'),
	url('Simple-Line-Icons.ttf') format('truetype');
}
.container{
	position: absolute;
	top:0;
	width:100%;
	height:100%;
	border:none;
	outline:none;
}
.nav{
	z-index:100000;
	width:12%;
	height:100%;
	float:left;
	background:#2D353C;
}
.head{
	width:100px;
	height:100px;
	border-radius:120px;
	border:3px solid #ddd;
	position:relative;
	top:20px;
	left:50%;
	transform: translate(-50%,0);
	overflow: hidden;
}
.head img{
	width:100%;
}
.menu{
	width:100%;
	height:70%;
	position:relative;
	top:30px;
}
.menu ul{
	width:100%;
}
.nav-li{
	display:block;
	width:100%;
	height:0px;
	overflow:hidden;
	transition: height .5s;
}
#nav-li1{
	height:70px;
}
.nav-li a{
	display: block;
	color:#9FACB6;
	background:#1D2224;
	width:100%;
	height:35px;
	text-decoration: none;
	text-align: center;
	line-height:35px;
	font-family:'微软雅黑';
	font-size:14px;
}
.nav-li a:hover{
	background:#586569;
	color:#fff;
}
.nav-li a:checked{
	background:#586569;
}
.nav-main{
	display: block;
	width:100%;
	height:100%;
	text-decoration: none;
	color:#9FACB6;
	font-family:'微软雅黑';
	font-size:14px;
	line-height:35px;
	float: left;
}
.nav-main:hover{
	background:#0094FF;
	color:#fff;
}
.nav-main span{
	display:block;
	width:15px;
	height:15px;
	float:left;
	margin:10px 26.5px;
}
#nav-ico0{
	background:url(../images/icon/kz.png)no-repeat;
	background-size:100%;
}
#nav-ico1{
	background:url(../images/icon/wz.png)no-repeat;
	background-size:100%;
}
#nav-ico2{
	background:url(../images/icon/cd.png)no-repeat;
	background-size:100%;
}
#nav-ico3{
	background:url(../images/icon/xw.png)no-repeat;
	background-size:100%;
}
#nav-ico4{
	background:url(../images/icon/cp.png)no-repeat;
	background-size:100%;
}
#nav-ico5{
	background:url(../images/icon/ly.png)no-repeat;
	background-size:100%;
}
.content{
	width:88%;
	height:100%;
	background:#EEE;
	float:left;
}
.content iframe{
	width:100%;
	height:99%;
}